// components/custom-tabs/index.js
Component({
    options: {
        styleIsolation: 'shared'
    },
    /**
     * 组件的属性列表
     */
    properties: {
        // 标签标识符
        active: {
            type: String | Number,
            value: 0
        },
        // 标签底部条宽度
        lineWidth: {
            type: String | Number,
            value: 0
        },
        // 标签底部条高度
        lineHeight: {
            type: String | Number,
            value: 0
        },
        // 标题选中外部样式
        tabActiveClass: {
            type: String,
            value: 'tab-active-class'
        },
        tabList: {
            type: Array,
            value: []
        }
    },

    /**
     * 组件的初始数据
     */
    data: {
        active: "",
        tabActiveClass: "",
    },

    /**
     * 组件的方法列表
     */
    methods: {
        // 当前激活的标签改变时触发回调函数
        onChange(e) {
            this.triggerEvent('change', e.detail)
        }
    }
})